===组件状态设计
框架（vue,react）的使用，（高级特性）是必要条件
能独立负责项目，还是需要别带--考察设计能力
面试必考（2,3面）场景题

===考察重点
数据驱动视图
状态：数据结构设计（state，data）
视图：组件结构和拆分
（给你设计需求，你来设计组件结构，数据结构）

React ToDOList（组件结构，redux state 数据结构）
Vue 设计购物车（组件结构 vuex Sate 数据结构）

（他考察都是通用的，不会泄露公司业务）
 

===设想原型图

state 数据结构设计
1. 用术语描述所有内容
2. 数据要结构化，易于程序操作（遍历，查找）
list:[{
    id:1,
    title:'标题1'，
    completed:false
}]

======组件设计原则
1. 从功能上拆分
2. 尽量让组件原子化（吸收复杂度）（组件简单）
2. 容器组件（只管数据，数据管理事件）UI组件（只显示视图，交互）
（UI怎么显示，删除，新增不管理）
顶级组件 |    我给list组件数据给我显示
             新增组件你添加数据给我就可以
              删除，包数据抛出来，不管怎么实现



 













